<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="./layui/layui.js"></script>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="./css/notice.css">
		<title>首页</title>
	</head>

	<body>
		<!-- 顶部banner -->
		<div class="header" data-scroll-reveal="enter top and move 100px over 1s">
			<div class="top">
				<div class="top-bar">
					<div class="left" data-scroll-reveal="enter top and move 100px over 1s">
						<img class="logo" src="./image/logo.png" alt="logo">
					</div>
					<div class="right" data-scroll-reveal="enter top and move 100px over 1s">
						<div class="search">
							<span class="search-tips">搜索</span>
							<span class="search-icon">
								<i class="layui-icon layui-icon-search"></i>
							</span>
							<input class="search-input" type="text">
						</div>
						<div class="login">
							<a href="#">登陆</a> /
							<a href="#">注册</a>
						</div>
					</div>
				</div>
			</div>
			<div class="header-banner">
				<img src="./image/banner.jpg" alt="">
				<div class="explain">
					<h3 class="title-1" data-scroll-reveal="enter top and move 100px over 1s">丰都旅游避暑网</h3>
					<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">FENGDU TRAVEL SUMMER NET
					</p>
					<p class="title-3" data-scroll-reveal="enter top and move 100px over 1s">
						丰都鬼城旧名酆都鬼城,位于重庆市下游丰都县的长江北岸,是长江游轮旅客的一个观光胜地。丰都鬼城又称为“幽都”、
						“中国神曲之乡”。鬼城以各种阴曹地府的建筑和造型而著名。</p>
				</div>
			</div>
			<ul class="nav layui-nav" lay-filter="">
				<li class="nav-item layui-nav-item active" data-scroll-reveal="enter left and move 50px over 1s">
					<a href="#">首页</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter right and move 100px over 1s">
					<a href="./floorList.html">丰都避暑楼盘</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="javascript:;">丰都旅游景点</a>
					<dl class="layui-nav-child">
						<!-- 二级菜单 -->
						<dd><a href="#">移动模块</a></dd>
						<dd><a href="#">后台模版</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
					</dl>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter bottom and move 100px over 1s">
					<a href="#part3">丰都酒店民宿</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="#part4">丰都土特产</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter botom and move 100px over 1s">
					<a href="./newList-1.html">丰都旅游资讯</a>
				</li>
			</ul>
		</div>
		<!-- 公告 -->
		<div class="section notice">
			<div class="notice-part">
				<img class="notice-title" src="./image/notice.png" alt="">
				<div class="notice-content ">
					<div class="textOverflow">
						<a href="#">公告 公告公告 公告公告 公告公告 公告公告 公告公告 公告公告 公告公告 公告公告 公告公告 22222公告</a>
					</div>
					<div class="textOverflow">
						<a href="#">公告 公告公告 公告公告 公告公告 公告公告 公告公告 公告公告 公告公告 公告公告 公告公告 1111公告</a>
					</div>
				</div>
			</div>
		</div>
		<!-- banner -->
		<a href="#" class="banner">
			<img src="image/guanggao-1.png" alt="">
			<!-- <div class="mask">
				<div class="explain">
					<h3 class="banner-title" data-scroll-reveal="enter top and move 100px over 1.3s">畅游丰都</h3>
					<p class="banner-subtitle" data-scroll-reveal="enter left and move 100px over 1.3s">带您领略丰都的魅力</p>
					<p class="banner-tips" data-scroll-reveal="enter right and move 100px over 1.3s">
						追求生活品质，缔造完美人生，超值折扣限期奉送，丰都县旅游资源以自 然景观和人文景观为主，主要有丰都名山（国家级风景名胜区）、双桂山（
						国家级森林公园）、鬼国神宫（中国最大的动态人文景观）、鬼王石刻（中 国最大摩岩石刻造像）等景观。</p>
				</div>
			</div> -->
		</a>
		

		<!-- part1 避暑楼盘 -->
		<div class="section" id="part1">
			<div class="section-title" data-scroll-reveal="enter top and move 100px over 1.3s ">
				<p class="sub-title">SUMMER RESORT</p>
				<p class="title">丰都避暑楼盘</p>
			</div>
			<div class="section-content">
				<div class="layui-tab layui-tab-brief">
					<ul class="layui-tab-title tabs" data-scroll-reveal="enter left and move 200px over 1s">
						<li class="tabs-item layui-this">热门楼盘</li>
						<li class="tabs-item">特价楼盘</li>
						<li class="tabs-item">最新开盘</li>
					</ul>
					<div class="layui-tab-content" data-scroll-reveal="enter right and move 200px over 1.3s">
						<div class="layui-tab-item layui-show">
							<div class="content">
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-1.jpg" alt="">
									</div>
									<p class="content-item-title">
										大城小爱
									</p>
									<p class="content-item-explain">
										丰都新房,现有新楼盘9个,房天下丰都新房网为您提供大量优质真实的丰都新房出售信息及最新新楼盘房价信息,为您创造最佳新房购房体验。
									</p>
								</div>
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-2.jpg" alt="">
									</div>
									<p class="content-item-title">
										公园华府
									</p>
									<p class="content-item-explain">
										丰都南天湖观云涧楼盘宣传片可优惠2021 项目名称 【南天湖·观云涧】 【价格优势】总价12.8万起。升值空间较大;
										【楼盘优势】电梯洋楼,总高6层...享车库,万亩林海,纵览
									</p>
								</div>
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-3.jpg" alt="">
									</div>
									<p class="content-item-title">
										桃花源
									</p>
									<p class="content-item-explain">
										房地产开盘文案 1.争锋,江山竞藏,即将开盘。 2.鼎沸,江山翘楚,即将开盘。 3.与世界一鉴奢藏,登场即传奇,耀世首开。
										4.3000组客户莅临,独梯独户·显...5.500...
									</p>
								</div>
							</div>
						</div>
						<div class="layui-tab-item">
							<div class="content">
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-1.jpg" alt="">
									</div>
									<p class="content-item-title">
										大城小爱
									</p>
									<p class="content-item-explain">
										丰都新房,现有新楼盘9个,房天下丰都新房网为您提供大量优质真实的丰都新房出售信息及最新新楼盘房价信息,为您创造最佳新房购房体验。
									</p>
								</div>
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-2.jpg" alt="">
									</div>
									<p class="content-item-title">
										公园华府
									</p>
									<p class="content-item-explain">
										丰都南天湖观云涧楼盘宣传片可优惠2021 项目名称 【南天湖·观云涧】 【价格优势】总价12.8万起。升值空间较大;
										【楼盘优势】电梯洋楼,总高6层...享车库,万亩林海,纵览
									</p>
								</div>
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-3.jpg" alt="">
									</div>
									<p class="content-item-title">
										桃花源
									</p>
									<p class="content-item-explain">
										房地产开盘文案 1.争锋,江山竞藏,即将开盘。 2.鼎沸,江山翘楚,即将开盘。 3.与世界一鉴奢藏,登场即传奇,耀世首开。
										4.3000组客户莅临,独梯独户·显...5.500...
									</p>
								</div>
							</div>

						</div>
						<div class="layui-tab-item">
							<div class="content">
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-1.jpg" alt="">
									</div>
									<p class="content-item-title">
										大城小爱
									</p>
									<p class="content-item-explain">
										丰都新房,现有新楼盘9个,房天下丰都新房网为您提供大量优质真实的丰都新房出售信息及最新新楼盘房价信息,为您创造最佳新房购房体验。
									</p>
								</div>
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-2.jpg" alt="">
									</div>
									<p class="content-item-title">
										公园华府
									</p>
									<p class="content-item-explain">
										丰都南天湖观云涧楼盘宣传片可优惠2021 项目名称 【南天湖·观云涧】 【价格优势】总价12.8万起。升值空间较大;
										【楼盘优势】电梯洋楼,总高6层...享车库,万亩林海,纵览
									</p>
								</div>
								<div class="content-item">
									<div class="content-item-img">
										<img src="./image/l-3.jpg" alt="">
									</div>
									<p class="content-item-title">
										桃花源
									</p>
									<p class="content-item-explain">
										房地产开盘文案 1.争锋,江山竞藏,即将开盘。 2.鼎沸,江山翘楚,即将开盘。 3.与世界一鉴奢藏,登场即传奇,耀世首开。
										4.3000组客户莅临,独梯独户·显...5.500...
									</p>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>

			<a class="more" href="#" data-scroll-reveal="enter bottom and move 200px over 1s">查看更多</a>

		</div>

	<a href="#" class="banner">
			<img src="image/guanggao-11.png" alt="">
			<!-- <div class="mask">
				<div class="explain">
					<h3 class="banner-title" data-scroll-reveal="enter top and move 100px over 1.3s">畅游丰都</h3>
					<p class="banner-subtitle" data-scroll-reveal="enter left and move 100px over 1.3s">带您领略丰都的魅力</p>
					<p class="banner-tips" data-scroll-reveal="enter right and move 100px over 1.3s">
						追求生活品质，缔造完美人生，超值折扣限期奉送，丰都县旅游资源以自 然景观和人文景观为主，主要有丰都名山（国家级风景名胜区）、双桂山（
						国家级森林公园）、鬼国神宫（中国最大的动态人文景观）、鬼王石刻（中 国最大摩岩石刻造像）等景观。</p>
				</div>
			</div> -->
		</a>

		<!-- part2 旅游景点 -->
		<div class="section " id="part2">
			<div class="section-title" data-scroll-reveal="enter top and move 100px over 1.3s">
				<p class="sub-title">TOURIST ATTRACTIONS</p>
				<p class="title">丰都旅游景点</p>
			</div>
			<div class="section-content">
				<div class="layui-tab layui-tab-brief">
					<ul class="layui-tab-title tabs" data-scroll-reveal="enter left and move 100px over 1s">
						<li class="tabs-item layui-this">必游景点</li>
						<li class="tabs-item">热门景点</li>
						<li class="tabs-item">游玩攻略</li>
					</ul>
					<div class="layui-tab-content" data-scroll-reveal="enter right and move 100px over 1.3s">
						<div class="layui-tab-item layui-show">
							<div class="content">
								<a href="#" class="content-image">
									<img src="./image/2-1.jpg" alt="">
									<div class="mask">
										<p>八美赛马节</p>
									</div>
								</a>
								<a href="#" class="content-image">
									<img src="./image/2-2.jpg" alt="">
									<div class="mask">
										<p>丰都之旅</p>
									</div>
								</a>
								<a href="#" class="content-image">
									<img src="./image/2-3.jpg" alt="">
									<div class="mask">
										<p>湖光美景</p>
									</div>
								</a>
							</div>

						</div>
						<div class="layui-tab-item">
							<div class="content">
								<a href="#" class="content-image">
									<img src="./image/2-3.jpg" alt="">
									<div class="mask">
										<p>湖光美景</p>
									</div>
								</a>
								<a href="#" class="content-image">
									<img src="./image/2-1.jpg" alt="">
									<div class="mask">
										<p>八美赛马节</p>
									</div>
								</a>
								<!-- <a href="#" class="content-image">
									<img src="./image/2-2.jpg" alt="">
									<div class="mask">
										<p>丰都之旅</p>
									</div>
								</a> -->

							</div>

						</div>
						<div class="layui-tab-item">
							<div class="content">
								<a href="#" class="content-image">
									<img src="./image/2-3.jpg" alt="">
									<div class="mask">
										<p>湖光美景</p>
									</div>
								</a>
								<!-- <a href="#" class="content-image">
									<img src="./image/2-1.jpg" alt="">
									<div class="mask">
										<p>八美赛马节</p>
									</div>
								</a>
								 <a href="#" class="content-image">
									<img src="./image/2-2.jpg" alt="">
									<div class="mask">
										<p>丰都之旅</p>
									</div>
								</a> -->

							</div>
						</div>
					</div>
				</div>
			</div>
			<a class="more" href="#" data-scroll-reveal="enter bottom and move 200px over 1s">查看更多</a>
		</div>

		<!-- 畅游丰都 -->
		<div class="banner">
			<img src="image/banner-1.jpg" alt="">
			<div class="mask">
				<div class="explain">
					<h3 class="banner-title" data-scroll-reveal="enter top and move 100px over 1.3s">畅游丰都</h3>
					<p class="banner-subtitle" data-scroll-reveal="enter left and move 100px over 1.3s">带您领略丰都的魅力</p>
					<p class="banner-tips" data-scroll-reveal="enter right and move 100px over 1.3s">
						追求生活品质，缔造完美人生，超值折扣限期奉送，丰都县旅游资源以自 然景观和人文景观为主，主要有丰都名山（国家级风景名胜区）、双桂山（
						国家级森林公园）、鬼国神宫（中国最大的动态人文景观）、鬼王石刻（中 国最大摩岩石刻造像）等景观。</p>
				</div>
			</div>
		</div>

		<!-- part3 酒店民宿 -->
		<div class="section" id="part3">
			<div class="section-title" data-scroll-reveal="enter top and move 100px over 1.3s">
				<p class="sub-title">HOTEL B & B</p>
				<p class="title">丰都酒店民宿</p>
			</div>
			<div class="section-content">
				<div class="layui-tab layui-tab-brief">
					<ul class="layui-tab-title tabs" data-scroll-reveal="enter left and move 200px over 1.3s">
						<li class="tabs-item layui-this">特价酒店</li>
						<li class="tabs-item">精选酒店</li>
						<li class="tabs-item">精选民宿</li>
					</ul>
					<div class="layui-tab-content" data-scroll-reveal="enter right and move 200px over 1.3s">
						<div class="layui-tab-item layui-show">
							<div class="content-1">
								<a href="#" class="content-image-1">
									<img src="./image/3-1.jpg" alt="">
									<div class="mask">
										<p>福禄寿大酒店</p>
									</div>
								</a>
								<a href="#" class="content-image-1">
									<img src="./image/3-2.jpg" alt="">
									<div class="mask">
										<p>八美赛酒店</p>
									</div>
								</a>
								<a href="#" class="content-image-1">
									<img src="./image/3-3.jpg" alt="">
									<div class="mask">
										<p>扎垃里酒店</p>
									</div>
								</a>
								<a href="#" class="content-image-1">
									<img src="./image/3-4.jpg" alt="">
									<div class="mask">
										<p>扎垃里酒店</p>
									</div>
								</a>
							</div>

						</div>
						<div class="layui-tab-item">
							<div class="content-1">
								<a href="#" class="content-image-1">
									<img src="./image/3-1.jpg" alt="">
									<div class="mask">
										<p>福禄寿大酒店</p>
									</div>
								</a>
								<a href="#" class="content-image-1">
									<img src="./image/3-2.jpg" alt="">
									<div class="mask">
										<p>八美赛酒店</p>
									</div>
								</a>
								<a href="#" class="content-image-1">
									<img src="./image/3-3.jpg" alt="">
									<div class="mask">
										<p>扎垃里酒店</p>
									</div>
								</a>
								<!-- 	<a href="#" class="content-image-1">
								<img src="./image/3-4.jpg" alt="">
								<div class="mask">
									<p>扎垃里酒店</p>
								</div>
							</a> -->

							</div>

						</div>
						<div class="layui-tab-item">
							<div class="content-1">
								<a href="#" class="content-image-1">
									<img src="./image/3-1.jpg" alt="">
									<div class="mask">
										<p>福禄寿大酒店</p>
									</div>
								</a>
								<a href="#" class="content-image-1">
									<img src="./image/3-2.jpg" alt="">
									<div class="mask">
										<p>八美赛酒店</p>
									</div>
								</a>
								<!-- <a href="#" class="content-image-1">
								<img src="./image/3-3.jpg" alt="">
								<div class="mask">
									<p>扎垃里酒店</p>
								</div>
							</a> -->
								<a href="#" class="content-image-1">
									<img src="./image/3-4.jpg" alt="">
									<div class="mask">
										<p>扎垃里酒店</p>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<a class="more" href="#" data-scroll-reveal="enter bottom and move 200px over 1s">查看更多</a>
		</div>

		<!-- part4 美食 -->
		<div class="section" id="part4">
			<div class="section-title" data-scroll-reveal="enter top and move 100px over 1.3s">
				<p class="sub-title">LOCAL PRODUCTS</p>
				<p class="title">丰都土特产</p>
			</div>
			<div class="product">
				<div class="left" data-scroll-reveal="enter left and move 200px over 1.3s">
					<img src="image/f-1.jpg" alt="">
					<a href="#" class="mask">
						<div class="explain">
							<h3 class="title">土特产</h3>
							<p class="tips">
								麦秆剪贴是传统民间工艺品。又称“麦秸剪贴”、“麦秆剪贴”。利用麦秸自然光泽和抢撕成丝的特性，经烫色或染色，用“撕、剪、刻、抢”等特技工艺，或平贴，或直接用麦...</p>
						</div>
					</a>
				</div>
				<div class="right" data-scroll-reveal="enter right and move 200px over 1.3s">
					<div class="top" data-scroll-reveal="enter top and move 200px over 1.3s">
						<img src="image/f-2.jpg" alt="">
						<a href="#" class="mask">
							<div class="explain">
								<h3 class="title">名小吃</h3>
								<p class="tips">鬼城麻辣鸡块是重庆市知名的传统小吃,重庆地方美食。其口感香辣味鲜,略有回甜味。此菜色泽鲜美,肉质细嫩...</p>
							</div>
						</a>
					</div>
					<div class="bottom" data-scroll-reveal="enter bottom and move 200px over 1.3s">
						<img src="image/f-3.jpg" alt="">
						<a href="#" class="mask">
							<div class="explain">
								<h3 class="title">美食坊</h3>
								<p class="tips">在线商城，从而减少中间环节，消除运输成本和代理中间的差价，造就对普通消费和加大市场流通带来巨大...</p>
							</div>
						</a>
					</div>
				</div>
			</div>
			<a class="more" href="#" data-scroll-reveal="enter bottom and move 200px over 1s">查看更多</a>
		</div>

		<!-- guanggao -->
		<div class="banner">
			<img src="image/banner-2.jpg" alt="">
			<div class="mask">
				<div class="explain">
					<h3 class="banner-title" data-scroll-reveal="enter top and move 200px over 1.3s">西子姿楼盘</h3>
					<p class="banner-subtitle" data-scroll-reveal="enter left and move 200px over 1.3s">开门即是日出</p>
					<p class="banner-tips" data-scroll-reveal="enter right and move 200px over 1.3s">
						静静地坐在了树下,向远方望去。大约过了一刻钟, 只见东方地平线上越来越红。突然,一个耀眼...</p>
				</div>
			</div>
		</div>

		<!-- part5 旅游景点 -->
		<div class="section" id="part5">
			<div class="section-title" data-scroll-reveal="enter top and move 100px over 1.3s">
				<p class="sub-title">TRAVEL INFORMATION</p>
				<p class="title">丰都旅游资讯</p>
			</div>
			<div class="section-content">
				<div class="layui-tab layui-tab-brief" lay-filter="section">
					<ul class="layui-tab-title tabs" data-scroll-reveal="enter top and move 200px over 1.3s">
						<li class="tabs-item layui-this">最新快讯</li>
						<li class="tabs-item">旅游资讯</li>
						<li class="tabs-item">房产资讯</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="infor">
								<div class="left" data-scroll-reveal="enter right and move 100px over 1.3s">
									<p class="time">
										<span class="big-item">14</span>/10
									</p>
									<div>
										<p class="title">
											丰都县位于长江中下游
										</p>
										<p>
											丰都县位于长江上游地区、重庆市东部，农产品特产有丰都锦橙、丰都龙眼、保合梨橙、三元红心柚、丰都栗子大米等...
										</p>
									</div>

								</div>
								<div class="right" data-scroll-reveal="enter left and move 100px over 1.3s">
									<div class="top">
										<img class="right-bg" src="./image/5-1.jpg" alt="">
										<a href="#" class="tips">
											<p class="time">
												<span class="big-item">15</span>/10
											</p>
											<p class="title">丰都龙眼 | 丰收的季节</p>
											<p class="tips-explain">
												丰都龙眼品质优良，具有果大核小、肉厚、清香的特点。丰都兴义...
											</p>
										</a>
									</div>
									<div class="bottom">
										<img class="right-bg" src="./image/5-2.jpg" alt="">
										<a href="#" class="tips">
											<p class="time">
												<span class="big-item">16</span>/10
											</p>
											<p class="title">堡合梨橙 | 丰收的季节</p>
											<p class="tips-explain">
												保合梨橙是重庆市丰都县保合镇的特产。保合梨橙果实特大,果...
											</p>
										</a>
									</div>
								</div>
							</div>

						</div>
						<div class="layui-tab-item">
							<div class="infor">
								<div class="left" data-scroll-reveal="enter right and move 400px over 1.3s">
									<p class="time">
										<span class="big-item">14</span>/10
									</p>
									<div>
										<p class="title">
											丰都县位于长江中下游
										</p>
										<p>
											丰都县位于长江上游地区、重庆市东部，农产品特产有丰都锦橙、丰都龙眼、保合梨橙、三元红心柚、丰都栗子大米等...
										</p>
									</div>

								</div>
								<div class="right" data-scroll-reveal="enter left and move 400px over 1.3s">
									<div class="top">
										<img class="right-bg" src="./image/5-1.jpg" alt="">
										<a href="#" class="tips">
											<p class="time">
												<span class="big-item">15</span>/10
											</p>
											<p class="title">丰都龙眼 | 丰收的季节</p>
											<p class="tips-explain">
												丰都龙眼品质优良，具有果大核小、肉厚、清香的特点。丰都兴义...
											</p>
										</a>
									</div>
									<div class="bottom">
										<img class="right-bg" src="./image/5-2.jpg" alt="">
										<a href="#" class="tips">
											<p class="time">
												<span class="big-item">16</span>/10
											</p>
											<p class="title">堡合梨橙 | 丰收的季节</p>
											<p class="tips-explain">
												保合梨橙是重庆市丰都县保合镇的特产。保合梨橙果实特大,果...
											</p>
										</a>
									</div>
								</div>
							</div>

						</div>
						<div class="layui-tab-item">
							<div class="infor">
								<div class="left" data-scroll-reveal="enter right and move 100px over 1.3s">
									<p class="time">
										<span class="big-item">14</span>/10
									</p>
									<div>
										<p class="title">
											丰都县位于长江中下游
										</p>
										<p>
											丰都县位于长江上游地区、重庆市东部，农产品特产有丰都锦橙、丰都龙眼、保合梨橙、三元红心柚、丰都栗子大米等...
										</p>
									</div>

								</div>
								<div class="right" data-scroll-reveal="enter left and move 100px over 1.3s">
									<div class="top">
										<img class="right-bg" src="./image/5-1.jpg" alt="">
										<a href="#" class="tips">
											<p class="time">
												<span class="big-item">15</span>/10
											</p>
											<p class="title">丰都龙眼 | 丰收的季节</p>
											<p class="tips-explain">
												丰都龙眼品质优良，具有果大核小、肉厚、清香的特点。丰都兴义...
											</p>
										</a>
									</div>
									<div class="bottom">
										<img class="right-bg" src="./image/5-2.jpg" alt="">
										<a href="#" class="tips">
											<p class="time">
												<span class="big-item">16</span>/10
											</p>
											<p class="title">堡合梨橙 | 丰收的季节</p>
											<p class="tips-explain">
												保合梨橙是重庆市丰都县保合镇的特产。保合梨橙果实特大,果...
											</p>
										</a>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
			<a class="more" href="#" data-scroll-reveal="enter bottom and move 200px over 1s">查看更多</a>
		</div>

	<a href="#" class="banner">
			<img src="image/guanggao-12.png" alt="">
			<!-- <div class="mask">
				<div class="explain">
					<h3 class="banner-title" data-scroll-reveal="enter top and move 100px over 1.3s">畅游丰都</h3>
					<p class="banner-subtitle" data-scroll-reveal="enter left and move 100px over 1.3s">带您领略丰都的魅力</p>
					<p class="banner-tips" data-scroll-reveal="enter right and move 100px over 1.3s">
						追求生活品质，缔造完美人生，超值折扣限期奉送，丰都县旅游资源以自 然景观和人文景观为主，主要有丰都名山（国家级风景名胜区）、双桂山（
						国家级森林公园）、鬼国神宫（中国最大的动态人文景观）、鬼王石刻（中 国最大摩岩石刻造像）等景观。</p>
				</div>
			</div> -->
		</a>

		<!-- part6 旅游景点 -->
		<div class="section" id="part6">
			<div class="section-title" data-scroll-reveal="enter top and move 100px over 1.3s">
				<p class="sub-title">COOPERATION PARTNER</p>
				<p class="title">合作伙伴</p>
			</div>
			<div class="section-content">
				<div class="cooperation">
					<a href="#" class="partner" data-scroll-reveal="enter bottom and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter top and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter left and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter bottom and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter top and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter right and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter left and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter bottom and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter top and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
					<a href="#" class="partner" data-scroll-reveal="enter right and move 100px over 1.3s">
						<img src="./image/6-1.jpg" alt="">
					</a>
				</div>
			</div>
		</div>

		<!-- guanggao -->
		<div class="banner margin-top-80">
			<img src="./image/banner-3.jpg" alt="">
			<div class="mask">
				<div class="explain">
					<!-- <h3 class="banner-title">丰都避暑旅游网</h3> -->
					<p class="banner-subtitle" data-scroll-reveal="enter bottom and move 200px over 1.3s">丰都避暑旅游网</p>
					<p class="banner-tips-1" data-scroll-reveal="enter top and move 200px over 1.3s">
						追求生活品质，缔造完美人生，超值折扣限期奉送</p>
				</div>
			</div>
		</div>

		<!-- foot -->
		<div class="foot">
			<div class="foot-section">
				<div class="foot-nav">
					<div class="foot-nav-item">
						<a href="#">首页</a>
						<a href="#">丰都避暑楼盘</a>
						<a href="#">丰都旅游景点</a>
						<a href="#">丰都酒店民宿</a>
						<a href="#">丰都土特产</a>
						<a href="#">公司简介</a>
						<a href="#">联系我们</a>
						<a href="#">市场合作</a>
					</div>
					<div class="back-top">
						<a href="#">回到顶部</a>
					</div>
				</div>

				<div class="foot-center">
					<div class="foot-center-1 logo">
						<img src="./image/bg-logo.jpg">
					</div>
					<div class="foot-center-2">
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注公众号</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关小程序</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注商城</p>
						</div>
					</div>
					<div class="foot-center-1">
						<p>电话：021-80187116</p>
						<p>QQ：800053384</p>
						<p>邮箱：fengduasadh@123.com</p>
						<p>网址：www.435xvc.com</p>
						<p>地址：重庆市渝中区东方路3539号</p>
					</div>
				</div>
				<!-- 友情链接 -->
				<div class="foot-link">
					<span class="foot-name">友情链接：</span>
					<div class="link-item">
						<a href="#">指纹网</a>
						<a href="#">安居客</a>
						<a href="#">明珠城</a>
						<a href="#">丰都小邓</a>
					</div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<p>版权所有：Copyright © 2015-2019丰都宣传网 渝ICP备15050430号 ICP证渝B2-20180118</p>
		</div>

	</body>
	<script>
		layui.config({
			base: './js/'
		}).extend({
			scrollReveal: "plugins/scrollReveal",
			slick: 'plugins/slick.min',
		}).use(['index', 'slick', 'jquery'], function() {
			var slick = layui.slick;
			var $ = layui.jquery;

			$(".notice-content").slick({
				slidesToShow: 1,
				slidesToScroll: 1,
				verticalSwiping: true,
				vertical: true,
				arrows: false,
				fade: false,
				autoplay: true,
			})
		})
	</script>

</html>
